<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <link rel="stylesheet" type="text/css" href="../css/perfect_info.css">
  <title>完善信息</title>
</head>

<body>
  <div id="perfect">
    <h2>完 善 您 的 信 息</h2>

    <div class="inputBox">
      <!-- 药品生产商信息，type=1 时显示 -->
      <div class="info" id="manInfo" v-show="type==1">
        <div>
          <label>企业名称 &nbsp;: &ensp;
            <input class="input" type="text" placeholder="企业名称" v-model="man.name" />
          </label>
        </div>
        <div>
          <label>企业地址 &nbsp;: &ensp;
            <input class="input" type="text" placeholder="企业地址" v-model="man.address" />
          </label>
        </div>
        <div>
          <label>法定代表人 &nbsp;:
            <input class="input" type="text" placeholder="法定代表人" v-model="man.legal" />
          </label>
        </div>
        <div>
          <label>&emsp;USCC &nbsp;: &emsp;
            <input class="input" type="text" placeholder="统一社会信用代码" v-model="man.uscc" />
          </label>
        </div>
        <div>
          <label>联系方式 &nbsp;: &ensp;
            <input class="input" type="text" placeholder="联系方式" v-model="man.contact" />
          </label>
        </div>
      </div>

      <!-- 销售商信息，type=2 时显示 -->
      <div class="info" id="selInfo" v-show="type==2">
        <div>
          <label>&nbsp;名&emsp;&nbsp;称 &nbsp;: &ensp;
            <input class="input" type="text" placeholder="名称" v-model="sel.name" />
          </label>
        </div>
        <div>
          <label>&nbsp;类&emsp;&nbsp;型 &nbsp;: &ensp;
            <select class="selType" v-model="sel.type">
              <option value="医院">医院</option>
              <option value="诊所">诊所</option>
              <option value="药店">药店</option>
              <option value="超市">超市</option>
            </select>
          </label>
        </div>
        <div>
          <label>&nbsp;负责人 &nbsp;: &nbsp;&ensp;
            <input class="input" type="text" placeholder="负责人" v-model="sel.legal" />
          </label>
        </div>
        <div>
          <label>身份证号 &nbsp;: &nbsp;
            <input class="input" type="text" placeholder="负责人身份证号" v-model="sel.idNumber" />
          </label>
        </div>
        <div>
          <label>&nbsp;地&emsp;&nbsp;址 &nbsp;: &ensp;
            <input class="input" type="text" placeholder="地址" v-model="sel.address" />
          </label>
        </div>
      </div>

      <!-- 监管部门信息，type=3 时显示 -->
      <div class="info" id="supInfo" v-show="type==3">
        <div>
          <label>部门名称 &nbsp;: &emsp;
            <input class="input" type="text" placeholder="企业名称" v-model="sup.name" />
          </label>
        </div>
        <div>
          <label>账号管理人&nbsp;: &nbsp;
            <input class="input" type="text" placeholder="账号管理人" v-model="sup.manager" />
          </label>
        </div>
        <div>
          <label>部门属地 &nbsp;: &emsp;
            <input class="input" type="text" placeholder="部门属地" v-model="sup.address" />
          </label>
        </div>
      </div>

      <input type="button" class="cancelButton" value="取  消" @click="cancelPer" />
      <label><span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span></label>
      <input type="button" class="inputButton" value="进入系统" @click="enterSys" />
    </div>
  </div>
  <!-- 开发环境版本，包含了有帮助的命令行警告 -->
  <script src="../js/vue.js"></script>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script src="../js/perfect_info.js"></script>
</body>

</html>